<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://www.icesoft.com/icefaces/component" prefix="ice"%>
<html>
	<head>
		<%@include file="./general/head.jsp" %>
		<script type="text/javascript" src="../estilos/js/scripts.js"></script>
		
	</head>
	<body class="body">
		<table width="800" border="0" align="center" bgcolor="#FFFFFF"
			cellpadding="0" cellspacing="0">
						<!-- NUEVO!! -->
			
			<tr>
				<td valign="top" align="center">
		    		<%@include file="./general/head2.jsp" %>
				</td>
	  		</tr>
	  		
	  		<!-- NUEVO!! -->
			
			<tr>
				<td></td>
			</tr>
			<tr>
				<td valign="top" align="center">
					<ice:form id="formulario">
						<f:view>
							<!-- CARGA EL ARCHIVO DE ETIQUETAS -->
							<f:loadBundle
								basename="co.com.coomeva.adminEvaluacion.properties.etiquetas"
								var="etiqueta" />

							<ice:panelCollapsible expanded="true" toggleOnClick="true"
								style="width: 600px">

								<!-- TITULO -->
								<f:facet name="header">
									<ice:outputText value="#{etiqueta.title_ReporteConsolidadoFactor}" />
								</f:facet>
								
								<br />
								<ice:panelGrid columns="3">
									<ice:outputText value="#{etiqueta.lb_factor_agrup} (*)" />
									<ice:selectOneMenu value="#{reporteConsolidadoFactorBean.factorAgrup}" id="agrupacion">
										<f:selectItems value="#{reporteConsolidadoFactorBean.factorAgrupItems}" />
									</ice:selectOneMenu>
									<!--
									<ice:selectOneMenu value="#{reporteConsolidadoFactorBean.factorAgrupDepent}" id="agrupacionDepent" rendered="#{reporteConsolidadoFactorBean.mostrarDependiente}">
										<f:selectItems value="#{reporteConsolidadoFactorBean.factorAgrupDepentItems}" />
									</ice:selectOneMenu> -->
								</ice:panelGrid>
								<br />
								<br />

								<!-- ETIQUETAS Y CAMPOS -->
								<strong><ice:outputText value="#{etiqueta.lb_filtros} " /></strong>
								<ice:panelGrid columns="2">
									<ice:outputText value="#{etiqueta.lb_periodo} " />
									<ice:selectOneMenu value="#{reporteConsolidadoFactorBean.consPeriodo}" id="periodo">
										<f:selectItems value="#{reporteConsolidadoFactorBean.periodoEvaluacionItems}" />
									</ice:selectOneMenu>
									
									<ice:outputText value="#{etiqueta.lb_unidad_depto} " />
									<ice:selectOneMenu value="#{reporteConsolidadoFactorBean.empDepto}" partialSubmit="true" immediate="true" valueChangeListener="#{reporteConsolidadoFactorBean.cargarDependientes}" id="Unidad">
										<f:selectItems value="#{reporteConsolidadoFactorBean.departamentoItems}" />
									</ice:selectOneMenu>
									
									<ice:outputText value="#{etiqueta.lb_regional} " />
									<ice:selectOneMenu value="#{reporteConsolidadoFactorBean.empLocalidad}" id="regional" >
										<f:selectItems value="#{reporteConsolidadoFactorBean.regionalItems}" />
									</ice:selectOneMenu>
									
									<ice:outputText value="#{etiqueta.lb_CiudadNombre} " />
                                    <ice:selectOneMenu value="#{reporteConsolidadoFactorBean.empDivision}" id="ciudad">
										<f:selectItems value="#{reporteConsolidadoFactorBean.ciudadItems}" />
									</ice:selectOneMenu>
									
									<ice:outputText value="#{etiqueta.lb_Seccion} " />
                                    <ice:selectOneMenu value="#{reporteConsolidadoFactorBean.empArea}" id="seccion" >
										<f:selectItems value="#{reporteConsolidadoFactorBean.areaItems}" />
									</ice:selectOneMenu>
									
									<ice:outputText value="#{etiqueta.lb_JefeCodigo} " />
                                    <ice:inputText id="jefeCodigo" value="#{reporteConsolidadoFactorBean.jefeCodigo}" size="20" maxlength="10" />
									
								</ice:panelGrid>
								<br />
								
								<ice:panelGrid columns="2" rendered="#{reporteConsolidadoFactorBean.verExportar}">
				
				
                                    <ice:outputText value="#{etiqueta.lb_DescargarReporte}" />									
									<h:outputLink target="_blank"  value="#{reporteConsolidadoFactorBean.rutaArchivo}"  >
										
										<ice:graphicImage title="Generar Excel" width="24" height="24" value="../imagenes/ico_generar_excel.png" alt="Generar Excel" style="border:none;"/>
									</h:outputLink> 
								
								
								
								
								
								</ice:panelGrid>
								
				
								<br />

								<ice:panelGrid columns="5">
									
									<ice:commandButton value="#{etiqueta.btn_Consultar}"
										actionListener="#{reporteConsolidadoFactorBean.consultar}" />
								
									<ice:commandButton value="#{etiqueta.btn_Limpiar}"
										actionListener="#{reporteConsolidadoFactorBean.limpiar}" />
								</ice:panelGrid>

								<ice:messages visible="false" style="color:red;" />
									
								<ice:dataTable rows="20" id="dataReporte" var="reporte"
									value="#{reporteConsolidadoFactorBean.listDatos}" border="1" width="550"
									rendered="#{reporteConsolidadoFactorBean.resultadoConsulta}">
								
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText value="#{reporteConsolidadoFactorBean.nombreAgrupacion}" /></strong>
										</f:facet>
										<ice:outputText value="#{reporte.elemento}" />
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText value="#{etiqueta.lb_col_Planeado}" /></strong>
										</f:facet>
										<ice:outputText value="#{reporte.planeado}" />
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText value="#{etiqueta.lb_col_Ejecutado}" /></strong>
										</f:facet>
										<ice:outputText value="#{reporte.ejecutado}" />
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText value="#{etiqueta.lb_col_porcen_cumplimiento}" /></strong>
										</f:facet>
										<ice:outputText value="#{reporte.cumplimiento}" />
									</ice:column>
									
								</ice:dataTable>
								 
								<br />
								
								
								<ice:dataPaginator id="dataScroll_1" for="dataReporte"
									paginator="true" fastStep="3" paginatorMaxPages="4"
									rendered="#{reporteConsolidadoFactorBean.resultadoConsulta}">
									<f:facet name="first">
										<ice:graphicImage url="../estilos/imagenes/arrow-first.gif"
											style="border:none;" title="#{etiqueta.title_PrimeraPagina}" />
									</f:facet>
									<f:facet name="last">
										<ice:graphicImage url="../estilos/imagenes/arrow-last.gif"
											style="border:none;" title="#{etiqueta.title_UltimaPagina}" />
									</f:facet>
									<f:facet name="previous">
										<ice:graphicImage url="../estilos/imagenes/arrow-previous.gif"
											style="border:none;" title="#{etiqueta.title_PaginaAnterior}" />
									</f:facet>
									<f:facet name="next">
										<ice:graphicImage url="../estilos/imagenes/arrow-next.gif"
											style="border:none;" title="#{etiqueta.title_ProximaPagina}" />
									</f:facet>
									<f:facet name="fastforward">
										<ice:graphicImage url="../estilos/imagenes/arrow-ff.gif"
											style="border:none;" title="#{etiqueta.title_AvanceRapido}" />
									</f:facet>
									<f:facet name="fastrewind">
										<ice:graphicImage url="../estilos/imagenes/arrow-fr.gif"
											style="border:none;" title="#{etiqueta.title_RetornoRapido}" />
									</f:facet>
								</ice:dataPaginator>
								
							</ice:panelCollapsible>

						</f:view>
					</ice:form>
				</td>
			</tr>
			
							<!-- NUEVO!! -->
			<tr>
				<td>
					<%@include file="./general/footer.jsp" %>
				</td>
			</tr>
			<!-- NUEVO!! -->	
			
			
		</table>
		<%@include file="mensaje.jsp"%>
	</body>
</html>
